<link href="{$base_dir}index.php/css/calendar.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{$base_dir}modules/calendar/js/AJAX_Calendar.js"></script>
{literal}
{$base_dir}
<script type="text/javascript">
	$(document).ready(function(){
		activeMenu('10', '11');
		renderMonth('', '');
	});
</script>
{/literal}
<div class='nav_left' style='width: 400px;'>
	<div class='nav_right'>
		<div id='calNav' class='nav_bg'>
			<a id='monthView' class="active" href="javascript:renderMonth('', '');">{translate}Xem theo THÁNG{/translate}</a>
			<a id='weekView' href="javascript:renderWeek('', '', '');">{translate}Xem theo TUẦN{/translate}</a>
			<a id='dayView' class="last" href="javascript:renderDay('', '', '');">{translate}Xem theo NGÀY{/translate}</a>
		</div>
	</div>
</div>
<table>
	<tr>
	<td align='right'>
		<div>
		<select id='select_user'>
			{foreach from=$person_list item=person}
				<option value={$person.relational_person_id}>{$person.name}</option>
			{/foreach}
		</select>
		</div>
	</td>
	</tr>
	<tr>
		<td algin='center'><h3>{translate}BẢNG HIỂN THỊ LỊCH LÀM VIỆC{/translate} - {$person_name}<span id='person_name'></span></h3></td>
	</tr>
	<tr>
	<td align='left'>
		<div id='calendarView'>
		</div>
	</td>
	</tr>
</table>